﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<body class="wel-body">
<header class="headerbox pcbox" th:replace="frontInclude :: header_menu"></header>
<div class="mbox" th:replace="frontInclude :: header_menu_mobile"></div>
<div class="con-banner">
    <div class="images pcbox"
         th:style="'background:url('+@{/img/banner3.jpg}+') no-repeat center;background-size: cover;'">
    </div>
    <img img class="mbox h500" th:src="@{/img/banner3.jpg}" alt="走进黑蝎">
    <div class="words">
        <div class="text w1280">
            <div class="tit-en tit-48 secwen">Growth process</div>
            <div class="tit-cn tit-36 secwen add1">成长历程</div>
            <div class="line secwen add2"></div>
        </div>
    </div>
</div>
<div class="con-column secwen animate">
    <div class=" column-swiper w1280" data-s="7" data-l="6" data-m="3">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div th:each="item : ${currentChildren}"
                     th:class="@{${item.active!=null && item.active==1?'swiper-slide-active':''}+' swiper-slide'}"
                     style="width: 155.571px;">
                    <a th:href="${item.pageUrl}"
                       th:class="@{${item.active!=null && item.active==1?'active':''}+' items'}">
                        <div class="span" th:text="${item.menuName}">黑蝎简介</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="buts">
            <div class="swiper-button-prev swiper-button-disabled"></div>
            <div class="swiper-button-next swiper-button-disabled"></div>
        </div>
    </div>
</div>

<div class="j-road">
    <div class="j-roads-images secwen">
<!--        <div class="psp"></div>-->
        <img th:src="@{/img/chengzhanglicheng.png}" style="width: 100%">
    </div>
<!--    <div class="j-roads-lists">-->
<!--        <div class="list w1280 secwen">-->
<!--            <div class="tit fl" style="font-size: .9rem;color: #333333;">黑蝎之路</div>-->
<!--            <div class="before"></div>-->
<!--            <div class="after"></div>-->
<!--            <div class="itembox">-->
<!--                <div class="items  f-cb" th:data-id="${item.id}" th:each="item : ${page.rows}" >-->
<!--                    <div class="li secwen fr" data-id="29">-->
<!--                        <div class="box">-->
<!--                            <div class="images">-->
<!--                                <img th:src="${item.articleLogo}" th:alt="${item.articleTitle}">-->
<!--                            </div>-->
<!--                            <div class="words">-->
<!--                                <div class="tit" th:text="${item.articleTitle}"></div>-->
<!--                                <div class="txt"></div>-->
<!--                                <div class="p" th:text="${item.articleDescribe}"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--            </div>-->
<!--        </div>-->
<!--        <div class="j-sear"></div>-->
<!--    </div>-->
</div>
<div th:replace="frontInclude :: footer"></div>
</body>
</html>